<template>
  <div class="custom_button_search_similarity">
    <div class="custom_button_search_similarity_panel">
      <a href="javascript:;" @click="searchClickHandle">
        <van-icon name="search" />
        <span>{{ $t("lang.查相似") }}</span>
      </a>
    </div>
  </div>
</template>
<script>
export default {
  name: "searchSimilarity",
  props: {
    item: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {};
  },
  methods: {
    searchClickHandle() {},
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.custom_button_search_similarity {
  padding: 0 (10 / @base);
  display: block;
  height: 100%;
  width: (60 / @base);
  .custom_button_search_similarity_panel {
    position: absolute;
    top: 0;
    left: -(10 / @base);
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    border-top-right-radius: (10 / @base);
    border-bottom-right-radius: (10 / @base);
    a {
      display: block;
      font-size: (14 / @base);
      span {
        display: block;
      }
    }
  }
}
</style>
